//导入vue
import Vue from 'vue'
//导入 vouter （路由）
import Router from 'vue-router'
//导入自己定义的组件
import Home from '../components/Home'
import About from '../components/About'
import  User from '../components/User'
const routes=[
  {
    /*：表示 name使用一个变量*/
    path:'/user/:name',
    component:User
  },
  {
    path:'/home',
    component:Home
  },
  {
    path:'/about',
    component:About
  },
]
Vue.use(Router);
//创建一个路由配置对象
export default new Router({
  routes,
  //设置选中组件的默认的样式名、
  linkActiveClass:'bb'
})
/**
 * 第一步 导入 vue文件    import Hmoe from '../home'
 * 第二步 绑定映射关系    {path:'/home',component:Hmoe},
 * 第三步  使用路由
 *
 *
 *
 * */

